<template>
  <div class="export-page">
    <div class="title">
      模型聚合
    </div>

    <div style="margin-bottom: 10px;">
      <el-button type="primary">
        聚合
      </el-button>
    </div>
    <my-table
      :table-data="currentTableData"
      :column-data="columnData"
      :operate-btn="operateBtn"
      :show-operate="true"
    />
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentTableData: [
        {
          id: '2024120101',
          name: '模型参数',
          time: '2024-12-01 09:21'
        },
        {
          id: '2024111202',
          name: '模型参数',
          time: '2024-11-12 11:25'
        },
        {
          id: '2024120102',
          name: '模型参数',
          time: '2024-12-01 14:30'
        },
        {
          id: '2024120802',
          name: '模型参数',
          time: '2024-12-08 09:21'
        },
        {
          id: '2024090103',
          name: '模型参数',
          time: '2024-09-01 15:00'
        },
        {
          id: '2024080104',
          name: '模型参数',
          time: '2024-08-01 11:10'
        },
        {
          id: '2024122201',
          name: '模型参数',
          time: '2024-12-22 16:21'
        }
      ]
    }
  },
  computed: {
    columnData() {
      return [
        { prop: 'id', label: '模型ID', align: 'center' },
        { prop: 'name', label: '模型参数', align: 'center', color: '#0099cc' },
        { prop: 'time', label: '创建时间', align: 'center' }
      ]
    },
    operateBtn() {
      return [
        {
          label: '模型参数',
          type: 'text',
          size: 'mini',
          event: 'edit',
          comp: 'radio'
        }
      ]
    },
    // 分页组件传参
    paginationData() {
      return {
        current: 1,
        pageSize: 10,
        size: [10, 20, 30, 40],
        total: this.currentTableData.length
      }
    },
    // 分页组件传参
    paginationData() {
      return {
        current: this.pageSize.current,
        pageSize: this.pageSize.size,
        size: [10, 20, 30, 40],
        total: this.currentTableData.length
      }
    }
  }
}
</script>

<style lang="scss" scoped>
    .export-page{
        display: flex;
        flex-direction: column;
        height: calc(100vh - 50px);
        padding: 15px 20px;
        background-color: #f7f8f9;
    }
    .title{
        color: #666666;
        margin-bottom: 20px;
    }
</style>
